<!DOCTYPE html>
<html lang="en">
	<head>
	<!-- META -->
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		
	<!-- SEO -->
		<meta name="description" content="" />		
		
	<!-- TITLE -->
		<title>WhiteBoard Admin Template</title>
		
	<!-- FAVICON -->
		<link rel="shortcut icon" href="img/favicon.png" />
		
	<!-- FONTS -->
		<link href="http://fonts.googleapis.com/css?family=Oswald:400,300|Open+Sans:400italic,700italic,400,700|Open+Sans+Condensed:300,700" rel="stylesheet" type="text/css">
		
	<!-- STYLES -->
		<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="css/icons/style.css" rel="stylesheet" type="text/css" />
		<link href="css/main.css" rel="stylesheet" type="text/css" />
		
	<!-- IE -->
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/ie/css3mq.js"></script>
			<script type="text/javascript" src="js/ie/html5.js"></script>
		<![endif]-->

	<!-- JQUERY -->
		<script src="js/jquery/jquery.min.js"></script>
	</head>
	
	<body>
	<!-- MAIN WRAP -->
		<div id="main-wrap">

			<header id="header">
				<div class="container">
					<div class="vcenter">
						<div class="vcenter-content">
							<div id="logo">
								<a href="#">
									<img src="img/logo.png" alt="Site Logo" />
								</a>
							</div><!-- #logo -->

							<ul id="main-menu">
								<li class="current">
									<a href="#">Home</a>
								</li>
								<li>
									<a href="#">Work</a>
								</li>
								<li>
									<a href="#">Blog</a>
								</li>
								<li>
									<a href="#">Contact</a>
								</li>
							</ul><!-- #main-menu -->
						</div><!-- .vcenter-content -->
					</div><!-- .vcenter -->
				</div><!-- .container -->
			</header><!-- #header -->

			<div id="page">